
.container{
	width:80%;
	height:800px;
	position:absolute;
	left:5%;
	
}
	#title{
		height:80px;
	}
	#title_img{
		position: relative;
		top: 10px;
	}
	#title_order{
		position: relative;top: 10px; font-size: 5px;
	}
	#title_ul1{
		list-style-type: none;position: relative;text-align : right;
	}
	#title_ul2{
		list-style-type: none;position: relative;text-align : right;
	}

*{
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: white;
}
html{
    height: 100%;
}
body{
    height: 100%;
    display: flex;
    justify-content: center;
}
.app{

    height: 350px;
    display: flex;
    justify-content: center;
}
img{
    width:800px;
    height:  350px;
}
li{
	width:800px;
    height: 350px;
    border: 1px solid white;
    color: white;
    position: absolute;
}
ulapp{
	width:800px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.rnav{
	width:30px;
	height:20px;
    opacity: 0.5;
    position:relative;
    left:10px;
}
.active{
    opacity: 1;
}
li div{
    margin-top: -30px;
}
.image-enter-active {
    transition: all 1.5s linear
}
.image-leave-active {
    transition: all 1.5s linear;
}
.image-enter-to {
    transform: translateX(0);
}
.image-enter {
    transform: translateX(100%);
}
.image-leave {
    transform: translateX(0);
}
.image-leave-to {
    transform: translateX(-100%);
}

#search{
	
}
#search-btn{
	float:left;
}
